<template>
    <div>
         <el-table
          :data="commpany"
          border
          style="width: 100%">
          <el-table-column
            fixed
            prop="company_name"
            label="公司名称"
            width="200">
          </el-table-column>
          <el-table-column
            prop="city"
            label="城市"
            width="200">
          </el-table-column>
          <el-table-column
            prop="street"
            label="街道"
            width="200">
          </el-table-column>
           <el-table-column label="公司logo" align="center">
              <template slot-scope="scope">
                  <el-image
                      class="table-td-thumb"
                      :src="'http://localhost:8000/static/upload/'+scope.row.logo"
                  ></el-image>
              </template>
          </el-table-column>
          </el-table>
    </div>  
</template>

<script>
import {commpany} from '../../api/api.js'
export default {
    data: function() {
        return {
          commpany:[]
        }
    },
    mounted:function(){
      this.submitForm()
    },
    methods: {
        submitForm() {
            var params = {
                uid:localStorage.getItem('uid'),

            };
            commpany(params).then(res => {
                console.log(res)  
                this.commpany=res        
            })
        },
    },
};
</script>

<style>
.table-td-thumb {
    display: block;
    margin: auto;
    width: 100px;
    height: 100px;
    }
</style>